<template>
  <div class="carTop jscenter">
    <p>购物车:({{ total }})</p>
    <p class="green" @click="changeStatus">
      {{ isManage ? "管理" : "退出管理" }}
    </p>
  </div>
</template>

<script setup lang="ts">
const props = defineProps<{ total: any; isManage: boolean }>();
const emits = defineEmits(["status"]);
const changeStatus = () => {
  emits("status");
};
</script>

<style lang="scss" scoped>
.carTop {
  height: 92px;
  background: #ffffff;
  padding: 0px 20px;
  p {
    color: #000000;
    font-size: 28px;
  }
  .green {
    color: #40ae36;
  }
}
</style>
